<%@ page language="java" pageEncoding="UTF-8"
	contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html>
<html lang="zh-CN"><!--<![endif]--><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<link href="http://st.xiami.com/??res/v3/css/global.css,res/v3/css/login.css?20120218" rel="stylesheet" media="all">
		<link href="http://st.xiami.com/??res/css/default/main15.css,res/css/default/mode15.css,res/css/default/group15.css,res/css/default/beta15.css?20110105" media="screen" rel="stylesheet">
	<link href="images/icon.gif" type="image/x-icon" rel="shortcut icon">
	<link href="http://img.xiami.com/res/img/common/ipad/xiami_logo_apple.png" rel="apple-touch-icon">
	<link href="http://www.xiami.com/opensearch.xml" type="application/opensearchdescription+xml" rel="search" title="Xiami Search">
	<link rel="alternate" type="application/atom+xml" title="虾米音乐每日精选" href="http://www.xiami.com/collect/feed">
	<script type="text/javascript" src="editProfile_files/main.js"></script>	
	<title>修改基本资料</title>
	<script type="text/javascript" src="js/jquery-1.7.2.min.js">
	</script>
	<script type="text/javascript" src="js/jquery.js">
	</script>
	<script type="text/javascript" src="js/ajaxfileupload.js">
</script>
<script type="text/javascript" src="editProfile_files/edit.js">
</script>
	<style type="text/css">
.border_style{
	border:1px solid #CCC;
box-shadow:inset 0 2px 2px #DEDEDE ;
	color:#777;
	cursor:text;
	border-radius:3px;
	font-size:13px;
	width:150px;
	-webkit-border-radius:3px;
	padding:6px 5px;	
}
</style>
<script type="text/javascript">
function searchBlur(who){
	if(who.value == ''){
		who.value = '搜索你想听的音乐....';
		who.parentNode.className = '';
	}
}

function searchFocus(who){
	if(who.value == '搜索你想听的音乐....'){
		who.value = '';
		who.parentNode.className = 'highlight';
	}
}
function popTips(title){
	$('#pop_con').text(title);
	$('#popup').show();
	
}
</script>

<body>
<div id="xiami-content"><h1>修改基本资料</h1></div>



<div id="n_header" style="background-image: none;"> 

	<!--usr-->
	<div id="n_header_line" style="border-bottom:0px;">
	<div class="n_header_inner">
		<a href="/ShareMusicProject/">
			<img title="享受音乐  享受快乐"  alt="" src="images/xiang-4.gif" width="102" height="42" style="float: left;padding-top:3px;">
			</a>
			<form action="search" method="post" role="search" id="search_box">
			<input type="text" autocomplete="off" id="search_query" name="title" value="搜索你想听的音乐...." title="搜索你想听的音乐...." onblur="searchBlur(this);" onclick="searchFocus(this);">
			<input type="submit" id="search_btn" class="" title="搜索" value="">
			<input type="hidden" value="1" name="pos">
			</form>
			<ul  style="margin:10px 0 0 10px;list-style:none;float:left;font-size:14px;">
			    <li style="float: left;padding-left:20px;"><a style="color:black;font-weight:bold;Text-decoration:none;" title="首页" href="/ShareMusicProject/">首页</a></li>
				<li style="float: left;padding-left:20px;"><a style="color:black;font-weight:bold;Text-decoration:none;" title="发现音乐" href="/ShareMusicProject/allFind.jsp">发现音乐</a></li>
				<li style="float: left; padding-left:20px;"><a style="color:black;font-weight:bold;Text-decoration:none;"  title="分享音乐" href="/ShareMusicProject/findMusic.jsp">分享音乐</a></li>
			</ul>
			<div id="auto_complete" class="old hidden"></div>
						<div id="xUser_info">
						        <div class="xUser_logged">
		          <ul class="xUser_tabs clearfix" >
		            <li><a class="uico_lbry" onclick="_gaq.push([&#39;_trackEvent&#39;, &#39;head_navi&#39;, &#39;user_info&#39;, &#39;my_library&#39;]);" href="./my_music.jsp" title="我的音乐库"><i>我的音乐库</i></a></li>
		            <li><a class="uico_collect" onclick="_gaq.push([&#39;_trackEvent&#39;, &#39;head_navi&#39;, &#39;user_info&#39;, &#39;my_collection&#39;]);" href="./my_lists.jsp" title="我的精选集"><i>我的精选集</i></a></li>
		            <li><a class="uico_home" onclick="_gaq.push([&#39;_trackEvent&#39;, &#39;head_navi&#39;, &#39;user_info&#39;, &#39;my_home&#39;]);" href="/ShareMusicProject/home.action?id=${session.user.id}" title="我的个人主页"><img class="r3px" src="./allList_files/usr50.gif" width="16" height="16" alt="我的个人主页(paramiao)"></a></li>
		            <li class="u_more PxRlt"><a class="uico_more" onclick="_gaq.push([&#39;_trackEvent&#39;, &#39;head_navi&#39;, &#39;user_info&#39;, &#39;more_drop&#39;]);" href="javascript:void(0);" title="更多"><i>更多</i></a>
		              <div class="more_drop hidden">
		                <div class="more_dropInn"> <a onclick="_gaq.push([&#39;_trackEvent&#39;, &#39;head_navi&#39;, &#39;user_info&#39;, &#39;more_fo&#39;]);" href="http://www.xiami.com/space/following/u/2121750">关注/粉丝</a> <a onclick="_gaq.push([&#39;_trackEvent&#39;, &#39;head_navi&#39;, &#39;user_info&#39;, &#39;more_props&#39;]);" href="http://www.xiami.com/property/myproperties">我的道具</a> <a href="http://www.xiami.com/account" onclick="_gaq.push([&#39;_trackEvent&#39;, &#39;head_navi&#39;, &#39;user_info&#39;, &#39;more_accout&#39;]);">账户</a> <a href="http://www.xiami.com/share" onclick="_gaq.push([&#39;_trackEvent&#39;, &#39;head_navi&#39;, &#39;user_info&#39;, &#39;more_set&#39;]);">设置</a> <a href="http://www.xiami.com/member/logout" onclick="_gaq.push([&#39;_trackEvent&#39;, &#39;head_navi&#39;, &#39;user_info&#39;, &#39;more_exit&#39;]);">退出</a> </div>
		              </div>
		            </li>
		          </ul>
		        </div>
							</div>
		</div>
	</div>
	<img src="images/ban.gif" style="background-repeat: repeat-x;height:4px; width:1500px;"/>
	
	<!--shine-->
	
</div>
<div id="page" class="old">
<div id="wrapper">
<!--header end-->

<div id="usr_top">
	<p class="buddy">
	<a href="/ShareMusicProject/home.action?id=${session.user.id}" title=""><img src="${session.user.avatar}" width="50" height="50" alt=""></a>
	</p>
	<h2>修改基本资料</h2>
	<ul class="usr_navigate">
	<li class="usr_top_cur" id="_profiles"><a href="javascript:setUserProfile();" title="修改基本资料">修改基本资料</a></li>
		<li class="" id="_password"><a href="javascript:setUserPassword();" title="修改密码">修改密码</a></li>
		<li class="" id="_buddy"><a href="javascript:setUserBuddy();" title="上传头像">更新头像</a></li>
				</ul>
</div>
<div id="ui-m4" class="clearfix"> 
<div id="popup" style="display: none;">
<div id="dialog_clt" class="dialog_popup jqmID1" style="z-index: 99999; display: block; left: 709px; top: 100px; ">
<div class="dialog_main" style="width: 320px"><h3 style="text-align: center;">提示</h3>
<div class="dialog_content"  >
	<h1 style="text-align: center;" id="pop_con">上传成功</h1><br/>
	<input type="button" value="确定" onclick="javascript:{$('#popup').hide();window.location.reload();};" style="margin-left:  110px;font-size: 14px;padding: 6px;width:70px"/>
</div>
</div>
</div> 
</div>	
<div class="set_sec set_profile" id="setProfile">
		<form action="updateUser" method="post" name="form">
			<p>
				<label class="for_label" for="gender">昵称：</label>
				<input class="border_style" type="text" maxlength="12" value="${session.user.nickname}" name="nickname">
				${tip1}
			</p>
			<p>
				<label class="for_label" for="signature">签名：</label>
				<input class="border_style" type="text" maxlength="12" id="signature" name="introduce" value="${session.user.introduce}">
				${tip2}
				<span class="hint" style="padding-left: 60px;">最多12个字符。</span>
			</p>
			<p>
				<label class="for_label" for="gender">性别：</label>
				<select id="gender" name="sex">
				    <s:if test='#session.user.sex == "M"'>
				        <option value="M" selected="selected">男</option>
					    <option value="F">女</option>
				    </s:if>
				    <s:else>
				        <option value="M">男</option>
					    <option value="F" selected="selected">女</option>
				    </s:else>
				</select>
			</p>
			<p class="acts">
				<input name="submit" type="submit" class="bt_sub4" value="更新资料">
			</p>
		</form>
		${tip3}
	</div>
	<div class="set_sec set_password" id="setPassword" style="display:none;"> <span class="hint">建议使用尽量复杂的密码，最少6个字符。</span>
		<form action="updatePassword" method="get" name="frm" id="frm" class="nf">
			<input name="type" style="display:none;" value="2" />
			<p>
				<label class="for_label" for="password">旧密码：</label>
				<input id="password" class="border_style" type="password" maxlength="32" name="oldpass">${tip21}
			</p>
			<p>
				<label class="for_label" for="newpass">新密码：</label>
				<input id="newpass" class="border_style" type="password" maxlength="32" name="newpass">${tip22}
			</p>
			<p>
				<label class="for_label" for="verifypass">重复新密码：</label>
				<input id="verifypass" class="border_style" type="password" maxlength="32" name="repeatpass">${tip23}
			</p>
			<p class="acts">
				<input class="bt_sub4" type="submit" value="修改密码" name="submit">
			</p>
		</form>
		${tip24}
		</div>
	
	<div id="setBuddy" style="display:none; margin-left:30px">
		<div class="buddy_current">
			<h3>当前头像</h3>
			<img src="${session.user.avatar}" width="100" height="100" alt=""style="margin-left: 14px; margin-top:10px;"/> 
		</div>
		<h3 style="margin-top: 10px;">上传新头像</h3>
		
			<p>
				<input type="file" id="upload" class="f_file" name="upload">
			</p>
			<p class="tips" style="margin-top: 10px;">支持gif、jpg、png等多种格式图片。</p>
			<p class="acts" style="margin-top: 10px;">
				<a href="javascript:ajaxFileUpload();" class="bt_sub4w">上传头像</a>
			</p>
			<p class="notes" style="margin-top: 10px;">上传反动、色情等照片将导致您的帐号被删除。</p>

		</div>
</div>

</div>
</div>
	<div id="footer">
		<div id="foot_wrap" class="clearfix">
		<p class="fl vam gray" id="follow_xiami">关注享乐： 
		<a href="javascript:;" title="新浪微博" rel="nofollow"><i class="social_gray sina"></i></a>
		<a href="javascript:;" title="人人网" rel="nofollow"><i class="social_gray renren"></i></a>
		<a href="javascript:;" title="QQ 空间" rel="nofollow"><i class="social_gray qzone"></i></a>
		<a href="javascript:;" title="腾讯微博" rel="nofollow"><i class="social_gray qqt"></i></a>
		<a href="javascript:;" title="搜狐微博" rel="nofollow"><i class="social_gray sohu"></i></a>
		<a href="javascript:;" title="豆瓣" rel="nofollow"><i class="social_gray douban"></i></a>
		
		</p>
		<p id="copyright" class="fr" style="margin-left: 10px;">
		<img src="images/bottom.gif"/>
		<p style="float: right;">©2012 <a href="./index.jsp">享乐网</a></p>
		</p>
	</div> <!-- #foot_wrap -->
<a id="gotop" href="javascript:void(0);" class="t_hide">Top</a>

<div id="dialog_clt" class="dialog_popup">
	<div class="dialog_main"></div>
	<div class="dialog_sharp">
		<div class="dialog_sharp_top"></div>
		<div class="dialog_sharp_bottom"></div>
	</div>
	<div class="jqDrag"></div>
</div>

<div id="personal_hover" style="display:none;"></div>



<div style="display:none">
<script type="text/javascript">
document.write("<script src='http:\/\/s95.cnzz.com\/stat.php?id=921634&web_id=921634' language='JavaScript' charset='gb2312'><\/script>");
</script><script src="./editProfile_files/stat.php" language="JavaScript" charset="gb2312"></script><script src="./editProfile_files/cnzz_core.php" charset="utf-8" type="text/javascript"></script><a href="http://www.cnzz.com/stat/website.php?web_id=921634" target="_blank" title="站长统计">站长统计</a>
</div>
</body></html>